<!doctype html>
<html lang="en" class="feedback" xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header">
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>

<body>

<header class="mui-bar mui-bar-nav">
	<a href="/iphone/user" class="mui-icon mui-pull-left"><span style="font-size: 15px">返回</span></a>
	<h1 class="mui-title">漂流图书</h1>
</header>
<div class="mui-content">

	<h4 style="margin-left: 30px;font-family:'楷体' ">选择要漂流走的图书</h4>

	<div style="margin-top: 10px">
		<ul class="mui-table-view">
			<li class="mui-table-view-cell mui-media" th:each="piaoliu:${driftDos}">
				<a th:href="@{/iphone/driftDetial/driftinfo(userId=${piaoliu.holderId},bookName=${piaoliu.bookName},id=${piaoliu.id})}">
					<img class="mui-media-object mui-pull-left" th:src="piaoliu.bookImg">
					<div class="mui-media-body">
						<div th:text="${piaoliu.bookName}">书名</div>
						<p> <span style="float: right;" th:text="'接收日期：'+${#dates.format(piaoliu.receiveTime,'yyyy-MM-dd')}">时间</span></p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media" th:attr="hidden=(${driftDos==null} ? false:true)">
				<div class="content">
					暂时没有需要漂流的图书
				</div>
			</li>
		</ul>
	</div>

</div>

<script src="/js/phone/mui.min.js"></script>
<script type="text/javascript">
    mui.init();
    mui('body').on('tap', 'a', function() {
        document.location.href = this.href;
    });
</script>
</body>

</html>